<!DOCTYPE html>
%%HTMLENTETE%%
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <base href="%%IntWebDir%%">
    <title>##InterviewerWeb_20646##</title>
    <script type="text/javascript" src="js/ProjectSelection.js"></script>
    <script type="text/javascript" src="Tools/jquery/jquery-1.6.2.min.js"></script>
    <link href="StylesA4s/font-awesome.css" rel="stylesheet"/>
    <link href="StylesA4s/Login.css" rel="stylesheet"/>

    <script language="javascript" type="text/javascript">
      jQuery(document).ready(InitForm);

      function setFormFieldsState()
      {
        $(".formField").prop("readonly", $("#SSO").is(":checked") );
      }

      function InitForm()
      {
          $("#SSO").click(setFormFieldsState);
          var _ddlProjectSelection = document.getElementById("ddlProject"); 
          Project_onChange(_ddlProjectSelection);
          setFormFieldsState();
      }
    </script>
</head>

<body">
  <div id="main">
        
    <div class="login-logo">
        <img src="Images/Logos/cati_logo_green.png"/>
    </div>


    <div id="login-form">
        <form method="POST" autocomplete="off" action="intweb.dll">
            <!--<input name="__RequestVerificationToken" type="hidden" value="CvZZ09d3tG7bX_VEQzBNTAGyYRfUNT6C7s1nvAoobuESSJq5_xNKxutI9Zlsu3ez7hXZCCC7rompnByIDWcrgy1fqbE1" />-->
            <!--<input data-val="true" data-val-required="This field is required." id="IsDisplayLoginMultiContextSelector" name="IsDisplayLoginMultiContextSelector" type="hidden" value="False" />-->

            <div>
                %%PopupMessage%%

                <div class="login-input">                
                    <span class="icon"><i class="fa fa-user"></i></span>
                    <input data-val="true" data-val-required="This field is required." id="UserName" name="intid" placeholder="##Global_Username##" type="text" value="%%UserName%%" />
                </div>
                <div class="login-input">
                    <span class="icon"><i class="fa fa-lock"></i></span>
                    <input id="Password" name="passwd" placeholder="##Global_Password##" type="password" />
                </div>
   
                <div class="login-input">
                    <span class="icon"><i class="fa fa-globe"></i></span>

                    <input id="Context" name="context" placeholder="##Global_Context##" type="text" value="%%Context%%" />
                </div>            

                <input id="submit-btn" name="B1" type="submit" class="primary" value="##Login_btnLogin##" />

                %%SSOInputBlock%%
            </div>

            <!-- Hidden form value -->
            <input type="hidden" name="iaction" value="%%CATI_iaction%%" >
            <!-- Hidden fields -->
            %%HiddenFields%%
        </form>
    </div>


    <div id="footer"">
        <p>&#169; Voxco %%CurrentYear%% - ##Bottom_AllRightsReserved## - <a href="http://www.voxco.com">www.voxco.com</a> - <b>Version %%CurrentVersion%%</b></p>
    </div>

  </div> <!-- main div -->

</body>

</html>
